import { createRouter, createWebHistory } from 'vue-router'

const Home = () => import(/* webpackname: "home" */ 'views/home/Home.vue');
const Profile = () => import(/* webpackname: "profile" */ 'views/profile/Profile.vue');
const More = () => import(/* webpackname: "more" */ 'views/more/More.vue');
const ShopCart = () => import(/* webpackname: "more" */ 'views/shop-cart/ShopCart.vue');


const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    component: Home
  },
  {
    path: '/profile',
    component: Profile
  },
  {
    path: '/more',
    component: More
  },
  {
    path: '/shop-cart',
    component: ShopCart
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
